<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>计数器示例</title>
    <script>
        // 初始化计数器  
        let count = 0;

        // 当文档加载完毕后执行  
        document.addEventListener('DOMContentLoaded', function () {
            // 更新页面上的计数器显示  
            updateCountDisplay();

            // 为按钮添加点击事件监听器  
            document.getElementById('incrementButton').addEventListener('click', function () {
                hello().then((error) => {
                    console.log("cj 函数完成");
                });

                count++;
                // 更新页面上的计数器显示  
                updateCountDisplay();
            });
        });

        // 更新页面上计数器的显示  
        function updateCountDisplay() {
            document.getElementById('countDisplay').innerText = count;
        }  
    </script>
</head>

<body>
    <div style="text-align:center; margin-top:100px;">
        <button id="incrementButton">点击我</button>
        <p>Count: <span id="countDisplay">0</span></p>
    </div>
</body>

</html>